<script type="text/javascript"  src="<?php bloginfo('template_url');?>/lib/content-slider/js-image-slider.js"></script>

<div id="slider">
<?PHP
	$templatePath= get_absolute_template_path(); 
	
	$settings=array();
	$settings= json_decode(file_get_contents($templatePath."/settings.txt"));
	
	$i=0;
	foreach($settings->highlight_link as $val)
	{
		echo "<a href='". $val. "'>";
		echo "<img src='data.pics/content-slider/". $settings->highlight_image[$i]. "' alt='".$val."' />";
		//echo "<span><strong>$val</strong></span>";
		echo "</a>";
		++$i;
	}
?>		
</div>

<script type="text/javascript">
	//$("#games").coinslider({ hoverPause: true });
	var sliderOptions=
{
	sliderId: "slider",
	effect: "series2",
	effectRandom: false,
	pauseTime: 2300,
	transitionTime: 500,
	slices: 12,
	boxes: 8,
	hoverPause: true,
	autoAdvance: true,
	captionOpacity: 0.3,
	captionEffect: "fade",
	thumbnailsWrapperId: "thumbs",
	m: true
};

var imageSlider=new mcImgSlider(sliderOptions);
</script>